<template>
  <h2>生命周期</h2>
</template>

<script>
// import { ref } from "vue";
import { onMounted } from "vue";
export default {
  // setup() {
  //   const count = ref(3);
  //   const add = () => {};
  //   return { count, add };
  // },
  // data() {
  //   return {
  //     count: 3
  //   };
  // },
  // methods: {
  //   add() {}
  // }

  setup() {
    //todo beforeCreate和created删掉了
    //todo 直接写在setup里面就相当于创建阶段
    // console.log("beforeCreate");

    //todo 除了创建阶段以外，其他所有的生命周期都是前面加了on, 都需要从vue进行解构
    //todo 现在是函数了，就可以调用多次, 可以给每一个功能分配自己的生命周期了
    onMounted(() => {
      console.log("onMounted");
    });

    onMounted(() => {
      console.log("onMounted2");
    });
  },
};
</script>
